@media screen and (max-width: 969px){
    .tra .base-title .cont{display: none;}
    .tra .base-title .phone-tit{width: 100%;display: block;}
    .tra .base-title .swiper-container {
        width: 100%;
        height: 100%;
        height: 0.8rem;
        line-height: 0.8rem;
    }
    .tra .base-title .swiper-slide {
        text-align: center;
        font-size:0.26rem;
        height: 0.8rem;
        width:35%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .tra .base-title .swiper-slide a{
        display: block;
        width: 100%;
        height: 100%;
        color:#333;
    }
    .tra .base-title .swiper-slide.on  a{
        color: #fff;
        background-color:#860000;
    }

#lightbox-container-image-box{max-height: 5.5rem;}

    .loadingBg { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #f5f5f5; z-index: 9999; }
    .loading { width:3.6rem; height:0.56rem; position: fixed; top: 50%; left: 50%; margin-left: -1.8rem; margin-top: -0.28rem; z-index: 999; }
    .m-black, .m-red { position: absolute; bottom: 0px; left: 0; width:3.6rem; }
    .m-black { background: url(../img/loading1.png) no-repeat left top/100% auto; height:56rem; }
    .m-red { 
        background: url(../img/loading2.png) no-repeat left bottom/100% auto;
         -webkit-animation: fill 3s infinite linear;
         animation: fill 3s infinite linear;
         -moz-animation:fill 3s infinite linear;
           height: 56px; 
    }
    .base-ban{opacity: 1;top: 0;overflow: hidden;}
     .base-ban img{width: 150%;margin-left: -25%}
    .header-pc{display: none;}
    header{
        height: 0.9rem;
        padding: 0 0.3rem;
        width: 100%;
        position: fixed;
        z-index: 11;
        display: block;
        box-sizing:border-box;
        background-color: #fff;
        top: 0;
        left: 0;
        box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
    }
    header .logo{
        width:3.36rem;
        /*height: 0.47rem;*/
        margin-top: 0.18rem;
    }
    header .logo a{
        display: block;
        height: 100%;
        width: 100%;
    }
    .ind .ab2 .warp .title{
        width: 2.58rem;
        /*height: 0.71rem;*/
    }
    .ind .ab2 .warp{
        padding: 0.5rem 0 0rem;
    }
    .ind .ab2 .warp{
        margin-bottom: 0.5rem;
    }
    .ind .ab2 .warp .title{margin-bottom: 0.5rem;}
    header .logo a img{
        display: block;
        width: 100%;
    }
    .wel-ab .btns{
        width: 1.17rem;
        padding-right:0.34rem;
        height:0.45rem;
        line-height: 0.45rem;
        text-align: center;
        font-size: 0.24rem;
        color: #acada9;
        display: block;
        margin:0.3rem 0 0 0.2rem;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        background: url(../img/wel-abbtn1.png) center/cover no-repeat;
    }
    header .right{
        width: 2rem;
        height: 0.44rem;
        float: right;
        margin-top: 0.2rem;
        position: relative;
    }
    header .right .serch{
        height: 0.44rem;
        position: relative;
        width: 0.5rem;
        background: url(../img/serch.png) left center/0.3rem auto no-repeat;
    }
    header .right .serch i{
        display: block;
        width: 1px;
        height: 0.18rem;
        position: absolute;
        right: 0;
        top: 0.13rem;
        background-color: #cccccc
    }
    header .right .en{
        font-size: 0.4rem;
        color:#860000;
        text-align: center;
        width: 0.68rem;
        height: 0.44rem;
        position: relative;
        line-height: 0.44rem;
    }
    header .right .en i{
        display: block;
        width: 1px;
        height: 0.18rem;
        position: absolute;
        right: 0;
        top: 0.13rem;
        background-color: #cccccc
    }
    header .right .nav{
        width: 0.54rem;
        height: 0.44rem;
        position: relative;
    }
    header .right .nav p{
        width: 0.50rem;
        height: 2px;
        background-color: #860000;
        border-radius: 0.5rem;
        position: absolute;
        left: 0;
        -webkit-transition: all 0.8s;
                transition: all 0.8s;
         -webkit-border-radius : 20%;
            -moz-border-radius : 20%;
                 border-radius : 20%;
    }
    header .right .nav p:nth-child(1){
        top: 0.02rem;
            -webkit-transform-origin: left top;
                -ms-transform-origin: left top;
                    transform-origin: left top;
            -webkit-transform: rotateZ(0deg);
                -ms-transform: rotateZ(0deg);
                    transform: rotateZ(0deg);
                -webkit-transition: all 0.5s;
                    -ms-transition: all 0.5s;
                        transition: all 0.5s;
    }
    header .right .nav p:nth-child(1).cur {
         -webkit-transform: rotateZ(45deg);
                 transform: rotateZ(45deg);
    }
    header .right .nav p:nth-child(2){
        top: 0.2rem;
        -webkit-transition: all 0.5s;
                transition: all 0.5s;
    }
    header .right .nav p:nth-child(2).cur {
        opacity: 0;
    }
    header .right .nav p:nth-child(3){
        top: 0.38rem;
            -webkit-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                    transform-origin: left bottom;
            -webkit-transform: rotateZ(0deg);
                -ms-transform: rotateZ(0deg);
                    transform: rotateZ(0deg);
                -webkit-transition: all 0.5s;
                    -ms-transition: all 0.5s;
                        transition: all 0.5s;
    }
    header .right .nav p:nth-child(3).cur{
        -webkit-transform: rotateZ(-45deg);
                transform: rotateZ(-45deg);
    }
    .serbg{

        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        position: fixed;
        z-index: 9;
        top:0;
        left: 0;
        display: none;
    }
    .serbg .ser-cont{
        height: 0.54rem;
        width: 92%;
        border:1px solid #fff;
        margin:  2rem auto 0;
        position: relative;
    }
    .serbg i{
        display: block;
        height: 0.37rem;
        width: 0.37rem;
        position: absolute;
        right: 0.3rem;
        top: 0.4rem;
        background: url(../img/ico_07.png) center no-repeat;
    }
    .serbg .ser-cont input[type=text]{
        height: 0.54rem;
        line-height: 0.54rem;
        width: 88%;
        border:0;
        display: block;
        float: left;
        box-sizing:border-box;
        padding-left: 2%;
        font-size: 0.26rem;
        background-color: transparent;
        color: #fff;
    }
    .serbg .ser-cont input[type=submit]{
        height: 0.54rem;
        line-height: 0.54rem;
        width: 12%;
        border:0;
        display: block;
        float: left;
        background: url(../img/ico_08.png) center/0.4rem auto no-repeat;
    }

    .kong{
        height: 0.9rem;
        width: 100%;
    }
    .tipbg{
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        position: fixed;
        z-index: 9;
        top:0;
        left: 0;
        display: none;
    }
    header nav{
        width: 100%;
        display: none;
        position: absolute;
        z-index: 10;
        top: 0.9rem;
        left: 0;
        background-color: #fff;
        height: auto;
        padding: 0.2rem 0.3rem 0;
        box-sizing:border-box;
    }
    header  nav ul{
        display: block;
        width: 100%;
        height: auto;
    }
    header  nav ul li{
        display: block;
        width: 100%;
        border-bottom: 1px solid #dcdcdc;
    }
    header nav ul li.on .tit{background-color:#860000;color: #fff;}
    header  nav ul li.on .tit i{background: url(../img/nav-jian.png) center/0.26rem 0.26rem no-repeat;}
    header  nav ul li .tit{
        display: block;
        line-height: 0.79rem;
        height: 0.79rem;
        position: relative;
        color: #333;
        font-size: 0.3rem;
        box-sizing:border-box;
        padding: 0 0.2rem;
        transition:all 0.5s;
        -webkit-transition:all 0.5s;
    }
    header  nav ul li .tit i{
        display: block;
        position: absolute;
        right: 0.2rem;
        top: 0;
        width: 0.26rem;
        height: 0.79rem;
        transition:all 0.5s;
        -webkit-transition:all 0.5s;
        background: url(../img/nav-jia.png) center/0.26rem 0.26rem no-repeat;
    }
    header  nav ul li .child{
        display: block;
        width: 100%;
        height: auto;
        box-sizing:border-box;
        padding:0.2rem;
        display: none;
    }
    header  nav ul li .child a{
        display: block;
        height: 0.5rem;
        line-height: 0.5rem;
        font-size: 0.28rem;
        color: #555;
        position: relative;
    }
    header  nav ul li .child a:before{
        display: block;
        content: '';
        height: 2px;
        width: 2px;
        position: absolute;
        left: 2px;
        top: 50%;
        margin-top: -1px;
    }
    .footer{display: none;}
    footer{
        display: block;padding:0.2rem 0.3rem 0.30rem;
        background: url(../img/footer-bg.jpg) center repeat;
    }
    footer .top{
        margin-bottom: 0.15rem;
        border-top: 0.02rem solid #dedbd8;
        border-bottom: 0.02rem solid #dedbd8;
        padding:0.15rem 0.3rem
    }
    footer .top li{
        float: left;
        font-size: 0.2rem;
        line-height: 0.36rem;
        width: 20%;
    }
    footer .top li a{
        color: #474746;
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;}
    footer .top li a i{
        display: block;
        width: 1px;
        background-color: #c7c7c7;
        height: 15px;
        right: 0;
        top:50%;
        position: absolute;
        margin-top: -6.5px;
        transform:rotate(17deg); -ms-transform:rotate(17deg);
    }
    footer .bot p,footer .bot a{
        font-size: 0.18rem;
        line-height: 0.3rem;
        color: #646464;
        text-align: center;
        display: block;
        text-transform:capitalize;
    }

    /*base*/
    .fy{
        width: 100%;
        height:0.8rem;
        text-align: center;
        margin-bottom: 0.75rem;
    }
    .fy a{
        display: inline-block;
        padding:0px 0.13rem;
        border:2px solid #c4b08b;
        margin: 0 0.04rem;
        font-size: 0.14rem;
        color: #402625;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
    }
 /*   .fy a:hover,.fy a.on{
        background-color: #860000;
        color: #fff;
        border:0.02rem solid #860000;
    }*/
    .base-title{
        width: 100%;
        height:0.8rem;
        margin-bottom:0.5rem;
        opacity: 1
    }    
    .base-title .cont{
        width:auto;
        padding: 0 0.3rem;
        margin: 0 auto;
    }
    .base-title .cont a{
        display: block;
        width:25%;
        height:0.8rem;
        line-height: 0.8rem;
        text-align: center;
        font-size:0.18rem;
        color: #333;
        opacity: 1;
        left: 0;
        float: left;
        transition: all 0s;
        -webkit-transition: all 0s;
    }




    /*welcome*/
    .banner{opacity: 1;top: 0;transition: all 0s;
    -webkit-transition: all 0s;}
    .banner .flex-direction-nav a{width:0.5rem;height:0.5rem;margin: -0.2rem 0 0 0}
    .banner .flex-direction-nav .flex-prev{left: 5%}
    .banner .flex-direction-nav .flex-next{right: 5%}
    .banner .flex-control-nav{bottom: 0rem;height: 0.2rem;}
    .banner .flex-control-paging li a{width: 0.11rem;height: 0.11rem;}
    .wel1{
        width:auto;
        padding: 0 0.3rem;
        height: auto;
        background: url(../img/wel-bg1.jpg) center/cover no-repeat;
    }
    .wel1 .warp{
        width: 100%;
        height: auto;
        padding:0.5rem 0 0.78rem;
        margin: 0 auto;
    }
    .wel1 .warp .pic{
        display: none;
    }
    .wel1 .warp .pic img,.wel1 .warp .box .title img{
        display: block;
        width: 100%;
    }
    .wel1 .warp .box{
        float: none;
        width:100%;
        opacity: 1;
    }
    .wel1 .warp .box i{
        display: block;
        width: 27px;
        height: 18px;
        margin:0.2rem 0;
        background: url(../img/hr.png) center no-repeat;
    }
    .wel1 .warp .box .title{
        width:2.7rem;
        height:0.71rem;
        display: block;
        margin-bottom:0.2rem;
    }
    .wel1 .warp .box .tit{
        font-size: 0.3rem;
        line-height: 0.4rem;
        margin-bottom: 0.15rem;
    }
    .wel1 .warp .box .details{
        font-size:0.16rem;
        color: #888888;
        line-height:0.3rem;
        margin-bottom:0.15rem;
    }
    .wel1 .warp .box .btns{
        display: block;
        width:1.7rem;
        height:0.4rem;
        cursor: pointer;
        background: url(../img/btns.png) center/cover no-repeat;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .wel2{
        width:auto;
        padding: 0 0.3rem;
        height: auto;
        background: url(../img/wel-bg2.jpg) center/cover no-repeat;
    }
    .wel2 .warp{
        padding:0.6rem 0 0.8rem;
        width:100%;
        margin: 0 auto;
    }
    .wel2 .warp .title{
        width:2.55rem;
        height:0.7rem;
        opacity: 1;
        margin: 0 auto 6%;
    }
    .wel2 .warp .box li,.wel6 .warp .box li{
        width:30.3%;
        float: left;
        margin: 0 1.5%;
        opacity: 1;
    }
    .wel6 .warp .box li{margin-bottom: 0.55rem;}
    .wel2 .warp .box li a h2,.wel3 .warp .box li a h2,.wel6 .warp .box li a h2{
        display: block;
        width:62%;
        padding: 0 18%;
        margin: 0 auto;
        position: relative;
        font-size:0.18rem;
        color: #666;
        height:0.65rem;
        line-height:0.25rem;
        text-align: center;
    }
    .wel2 .warp .box li a h2:before,.wel2 .warp .box li a h2:after,.wel6 .warp .box li a h2:before,.wel6 .warp .box li a h2:after{
        display: block;
        width:15%;
        height: 1px;
        background-color: #ccc;
        content: '';
        position: absolute;
        top:0.12rem;
    }
    .wel2 .warp .box li a h2:before,.wel6 .warp .box li a h2:before{left: 0;}
    .wel2 .warp .box li a h2:after,.wel6 .warp .box li a h2:after{right: 0;}
    .wel3 .warp .pc-video{display: none;}
    .wel3{
        width:auto;
        height: auto;
        background: url(../img/wel-bg3.jpg) center/cover no-repeat;
        padding: 0 0.3rem
    }
    .wel3 .warp{
        width:100%;
        margin: 0 auto;
        padding:0rem 0 1rem; 
    }
    .wel3 .warp .title{
        width: 2.59rem;
        height:0.68rem;
        margin: 0 auto 6%; 
        opacity: 1
    }
    .phone-video{
        display: block;
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .phone-video video{
        display: block;
        width: 100%;
        background:transparent url(../img/wel3-img.jpg) 50% 50% no-repeat;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .wel4{
        width:auto;
        padding: 0 0.3rem;
    }
    .wel4 .warp{
        width:100%;
        margin: 0 auto;
        padding: 1rem 0 1.3rem
    }
    .wel4 .warp .title{
        width: 2.52rem;
        height:0.67rem;
        margin: 0 auto 0.45rem;
        opacity: 1
    }
    .wel4 .warp .mintit{
        width: 100%;
        line-height:0.35rem;
        font-size:0.3rem;
        color: #433938;
        text-align: center;
        margin-bottom:0.25rem;
        opacity: 1;
    }
    .wel4 .warp .mintit span{padding: 0 0.65rem;}
    .wel4 .warp .mintit span:before,.wel4 .warp .mintit span:after{
        display: block;
        width:0.56rem;
        height:0.02rem;
        content: '';
        position: absolute;
        top: 49%;
    }
    .wel4 .warp .mintit span:before{background: url(../img/wel4-mintitbg.png) center no-repeat;left: 0;}
    .wel4 .warp .mintit span:after{background: url(../img/wel4-mintitbg.png) center no-repeat;right: 0}
    .wel4 .warp .cent{
        font-size:0.16rem;
        line-height:0.3rem;
        color: #888888;
        width:100%;
        margin: 0 auto 0.65rem;
        opacity: 1
    }
    .wel4 .warp .btns{
        display: block;
        width:2.22rem;
        height:0.73rem;
        line-height:0.73rem;
        background: url(../img/wel4-btnbg.jpg) center no-repeat;
        margin: 0 auto;
        font-size:0.18rem;
        color: #fff;
        padding-right:0.4rem;
        border-radius:0.11rem;
        position: relative;
        transition: all 0s;
        -webkit-transition: all 0s;
        top: 0;
        opacity: 1
    }
    .wel4 .warp .btns:hover{
        box-shadow: 0 0 0 0 rgba(0,0,0,1);
        top:0;
    }
    .wel4 .warp .btns i{
        display: block;
        width:100%;
        height:100%;
        position: absolute;
        left:0;
        top:0;
        background: url(../img/wel4-icon.png) 65% center/0.14rem 0.08rem no-repeat;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .wel4 .warp .btns:hover i{
        background: url(../img/wel4-icon.png) 65% center/0.14rem 0.08rem no-repeat;
    }
    .wel5 {
        width: auto;
        padding: 0 0.3rem;
        padding-bottom: 1.3rem;
    }
    .wel5 .mian{
        width:100%;
        margin: 0 auto;
    }
    .wel5 .mian li{
        opacity: 1;
    }
    .wel5 .mian li a{
        display: block;
        width: 100%;
    }
    .wel5 .mian li a .time{
        float: left;
        width: 25%;
        height: auto;
    }
    .wel5 .mian li a .time .year{
        font-size:0.5rem;
        color: #222;
        line-height:0.45rem;
        font-family: '新宋体';
        margin-bottom: 0.1rem
    }
    .wel5 .mian li a .time .date{
        font-size:0.17rem;
        line-height:0.25rem;
        color: #222;
        font-family: '新宋体';
        letter-spacing: -1.5px;
    }
    .wel5 .mian li a .box{
        width: 70%;
        height: auto;
    }
    .wel5 .mian li a .box h2{
        display: block;
        font-size:0.21rem;
        line-height:0.3rem;
        color: #222;
        padding-bottom:0.1rem;
        border-bottom: 1px solid #d3d2ce;
        margin-bottom:0.15rem;
    }
    .wel5 .mian li a .box .details{
        font-size:0.16rem;
        line-height:0.24rem;
        color: #888888;
        margin-bottom:0.35rem;
    }
    .wel5 .mian li a .box .btns{
        display: block;
        width:1.2rem;
        height:0.28rem;
        cursor: pointer;
        background: url(../img/btns.png) center/cover no-repeat;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .wel5 .mian li a .box .btns:hover{
        box-shadow: 0 0 0.12rem 0 rgba(0,0,0,0.3);
    }

    
    .wel6{
        width: 100%;
        padding: 0.5rem 0 0.8rem;
        background: url(../img/wel5-img.jpg) center/cover no-repeat;
    }
    .wel6 .warp{
        width:auto;
        padding: 0 0.3rem;
        margin: 0 auto;
    }
    .wel6 .warp .title{
        width:3.09rem;
        height:0.71rem;
        margin: 0 auto 6%;
        position: relative;
        opacity:1;
        filter:alpha(opacity=1); 
        opacity:1\0/IE9;
    }
    .wel6 .warp .title img{
        display: block;
        width: 100%;
    }
    
    .wel6 .warp .box li .pic .details{
        display: none;
    }

    .wel2 .warp .box li .pic:hover img,.wel6 .warp .box li .pic:hover img{
        transform:scale(1);
        -webkit-transform:scale(1);
    }
    


    /*about*/

    .ab1{
        background: url(../img/ab-bg1.jpg) center/cover no-repeat;
        width: 100%;height: auto;
        padding-bottom:0.6rem;
    }
    .ab1 .title{
        width:1.84rem;
        height:0.48rem;
        margin: 0 auto 0.7rem;
        padding:0.6rem 0 0.25rem;
        position: relative;
        opacity: 1
    }
    .ab1 .title i{
        display: block;
        width:0.24rem;
        height: 2px;
        background-color: #870000;
        position: absolute;
        bottom: 0;
        left:50%;
        margin-left: -0.12rem;
    }
    .ab1 .warp{
        width:auto;margin: 0 auto;padding: 0 0.3rem
    }
    .ab1 .warp .box{
        width:100%;
        padding:0.5rem 0 0 0;
        float: left;
        opacity: 1
    }
    .ab1 .warp .box i{
        display: block;
        width:0.27rem;
        height:0.18rem;
        background: url(../img/hr.png) center/cover no-repeat;
        margin-bottom:0.15rem;
    }
    .ab1 .warp .box h2{
        display: block;
        font-size:0.24rem;
        color: #230a0a;
        line-height:0.3rem;
        margin-bottom:0.15rem;
    }
    .ab1 .warp .box .details{
        width: 100%;
        line-height:0.25rem;
        height:auto;
        overflow: hidden;
        position: relative;
        font-size: 0.14rem;
        color: #666;
        margin-bottom:0.4rem;
    }
    .ab1 .warp .box .details-ul{
        position: inherit;
        top: 0;
        left: 0;
        width: 100%;
    }
    .ab1 .warp .box .details-ul p{
        line-height:0.25rem;
        font-size:0.14rem;
        color: #666;
    }
    .ab1 .warp .box .btn{
        display: none;
    }

    .ab1 .warp .pic{
        float: right;
        width:100%;
        opacity: 1
    }
    .ab2 .warp{
        width:auto;
        padding: 0.5rem 0.3rem  0.8rem  0.3rem;
    }
    .ab2 .warp .title{
        width:1.83rem;
        height:0.45rem;
        margin: 0 auto 0.6rem;   
        position: relative;
        padding-bottom:0.3rem;
        opacity: 1;
/*        width: 183px;
        height: 45px;
        margin: 0 auto 100px;   
        position: relative;
        padding-bottom: 25px;
        position: relative;
        opacity: 1;
        filter:alpha(opacity=0); 
        opacity:1\0/IE9;*/
    }
    .ab2 .warp .pic{
        opacity: 1
    }
    .ab2 .warp .pic .tit{
        width:0.99rem;
        height: 0.98rem;
        position: absolute;
        left:0.5rem;
        top: -0.49rem;
        z-index:2;
    }
    .ab2 .warp .pic .mian{
        padding: 1rem 0 0.7rem;
        width: 90%;
        margin: 0 auto;
        color: #fff;
    }
    .ab2 .warp .pic .mian h2{
        display: block;
        font-size:0.3rem;
        line-height:0.35rem;
        margin-bottom:0.1rem;
    }
    .ab2 .warp .pic .mian .cent{
        font-size:0.14rem;
        color: #efeded;
        width:80%;
        line-height: 0.23rem;
        padding-left: 2%;
    }
    .ab2 .warp .pic .mian .cent p{
         font-size:0.24rem;
        color: #acada9;
        line-height: 0.4rem;
    }



    .ab3{opacity: 1}
    .ab3-phone{
        padding:0.5rem 0 0.4rem;
    }
    .ab3-phone .title{
        width: 1.84rem;height:0.46rem;
        margin: 0 auto 0.8rem;
        padding-bottom:0.25rem;
    }
    .ab3-phone .title img{display: block;width: 100%}

    .ab3-phone .swiper-container{
        width: 100%;
        height:1.34rem;
        position: relative;
        margin-bottom:0.4rem;
    }
    .ab3-phone .swiper-slide{
        font-size:0.18rem;
        width: 20%;
    }
    .ab3-phone .swiper-slide .title{
        width:1.1rem;
        height:0.88rem;
        line-height:0.65rem;
        padding:0.22rem 0 0.14rem;
        color: #fff;
        font-size: 0.24rem;
        margin: 0 auto;
        background: url(../img/ab-ph2.png) center top/1.1rem 1.1rem no-repeat;
    }
    .ab3-phone .swiper-slide .title span{
        line-height:0.2rem;
    }
    .ab3-phone .swiper-slide.on .title{
        background: url(../img/ab-ph1.png) center top/1.1rem 1.24rem no-repeat;
    }
    .ab3-phone .box{
        width:92%;
        margin: 0 auto;
        box-sizing:border-box;
        padding:0.25rem 0.2rem;
        border:0.12rem solid #fff;
        background-color: #ecebe8;
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
    }
    .ab3-phone .box p{
        font-size: 0.24rem;
        line-height:0.4rem;
        color: #666666
    }

    .ab4{
        padding:0.8rem 0 0.5rem;
        overflow: hidden;
        background:#ebeae6 url(../img/ab4-bg.jpg) right bottom/20% auto no-repeat;
    }
    .ab4 .warp{
        width:auto;
        padding: 0 0.3rem;
        margin: 0 auto;
    }
    .ab4 .warp .title{
        width: 2.3rem;
        height:0.47rem;
        margin: 0 auto 0.4rem;
        padding-bottom: 0.25rem;
        position: relative;
        opacity: 1;
    }
    .ab4 .warp .title img{
        display: block;
        width: 100%;
    }
    .ab4 .warp .mian{
        width: 100%;
        background-color: #fff;
    }
    .ab4 .warp .mian .pic{
        width:100%;
        float: none;
    }
    .ab4 .warp .mian .pic img{
        display: block;
        width: 100%;
    }
    .ab4 .warp .mian .box{
        float: none;
        width:100%;
        box-sizing:border-box;
        padding:3%;
    }
    .ab4 .warp .mian .box h2{
        display: block;
        font-size:0.24rem;
        line-height:0.32rem;
        color: #2a0c0c;
        text-align: center;
        padding-bottom:0.15rem;
        position: relative;
        margin-bottom:0.2rem;
    }
    .ab4 .warp .mian .box h2:before{
        display: block;
        content: '';
        width:0.25rem;
        height:0.02rem;
        background-color: #870000;
        position: absolute;bottom: 0;
        left: 50%;
        margin-left: -0.135rem;
    }
    .ab4 .warp .mian .box .cent{
        font-size:0.16rem;
        line-height: 0.32rem;
        color: #666;
        height:auto;
        overflow:visible;
        position: relative;
        margin-bottom:0.2rem;
    }
    .ab4 .warp .mian .box .cent .cent-ul{
        position: relative;
        top:none;
        left: none;
        width: 100%;
    }
    .ab4 .warp .mian .box .cent p{
        font-size: 0.16rem;
        line-height:0.32rem;
        color: #666;
    }
    .ab4 .warp .mian .box .cent .img{
        display: block;
        width:100%;
        height:1.14rem;
    }
    .ab4 .warp .mian .box .cent .img img{
        display: block;
        float: right;
    }
    .ab4 .warp .mian .box .btn{
        width: 100%;
        height: 0.34rem;
        display: none;
    }
   

    /*news*/

    .news-warp .warp{
        width:92%;
        margin: 0 auto 0.6rem;
    }
    .news-warp .warp li{
        width: 100%;
        padding: 0.4rem 0;
        opacity: 1;
        opacity: 1;
        border-top: 1px solid #cccccc
    }
    .news-warp  .warp li a .box{
        float: left;
        width: 49%;
        padding-left: 1%
    }
    .news-warp  .warp li a .box h2{
        font-size:0.24rem;
        color: #535353;
        line-height:0.3rem;
        display: block;
        white-space:nowrap; 
        overflow:hidden; 
        text-overflow:ellipsis;
        margin-bottom:0.1rem;
    }
    .news-warp  .warp li a .box .time{
        padding-left:0.2rem;
        background: url(../img/news-time.png) left center/0.16rem 0.16rem no-repeat;
        height:auto;
        line-height: 0.24rem;
        font-size: 0.14rem;
        color: #666666;
        margin-bottom: 0.1rem;
    }
    .news-warp  .warp li a .box .details{
        font-size: 0.16rem;
        line-height:0.3rem;
        color: #999999;
        margin-bottom:0.2rem;
    }
    .news-warp  .warp li a .box .btns{
        width:1.7rem;
        height:0.4rem;
        display: block;
        background: url(../img/btns.png) center/cover no-repeat
    }

    .news-warp  .warp li a .pic{
        width: 42%;
        float: right; 
        overflow: hidden;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .news-warp  .warp li a .pic img{
        display: block;
        width: 100%;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .news-warp  .warp li:hover a .pic img{
        transform:scale(1);
        -webkit-transform:scale(1);
        opacity: 1
    }
    .news-warp  .warp li:hover a .pic{
        background: transparent;
    }
    
    /*生态*/
    #tourism{padding-top: 0.5rem}
    #tourism .warp li a .box{float: right;width: 50%;padding-left: 0}
    /*science*/
    .sci-warp{
        width:auto;
        padding: 0 0.3rem;
        margin: 0 auto 1rem;
    }
    .sci-warp li{
        width: 100%;
        margin-bottom:0.35rem;
        opacity: 1
    }
    .sci-warp li a,.sci-warp li a .pic img{
        display: block;
        width: 100%;
    }
    .sci-warp li a .pic{
        width: 50%;
        float:left;
        overflow: hidden;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .sci-warp li:hover a .pic{
        background-color:transparent;
    }
    .sci-warp li a .pic img{
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .sci-warp li:hover a .pic img{
        transform:scale(1);
        -webkit-transform:scale(1);
        opacity:1
    }
    .sci-warp li a .box{
        width: 50%;
        text-align: center;
        float: right;
        height: 100%;
    }
    .sci-warp li a .box h3{
        font-size:0.18rem;
        color: #666666;
        letter-spacing:0.2rem;
        display: block;
        line-height:0.2rem;
        padding-top:6%;
    }
    .sci-warp li a .box h2{
        display: block;
        font-size:0.3rem;
        color: #333;
        line-height:0.4rem;
        font-weight: bold;
        margin-bottom:4%;
    }
    .sci-warp li a .box .rz,.sci-warp li a .box .number{
        font-size:0.14rem;
        line-height:0.2rem;
        color: #666666;
    }
    .sci-warp li a .box .number{
        margin-bottom:6%;
    }
    .sci-warp li a .box .btns{
        display: block;
        width:0.95rem;
        height:0.37rem;
        padding-left:0.25rem;
        line-height: 0.37rem;
        border-radius:0.05rem;
        background:#870000 url(../img/sci-ico.png) 0.15rem center/0.18rem 0.18rem no-repeat;
        margin: 0 auto;
        font-size:0.16rem;
        color: #fff;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .sci-warp li a .box .btns:hover{
        background:#545454 url(../img/sci-ico.png) 0.15rem center/0.18rem 0.18rem no-repeat;
    }
    .sci-warp li:nth-child(even) .box{
        float: left;
    }
    .sci-warp li:nth-child(even) .pic{
        float: right;
    }
    .sci-warp li:nth-child(1) .box{
        background:#ebeae6 url(../img/sci-img11.jpg) center/cover no-repeat;
    }
    .sci-warp li:nth-child(2) .box{
        background:#ebeae6 url(../img/sci-img22.jpg) center/cover no-repeat;
    }
    .sci-warp li:nth-child(3) .box{
        background:#ebeae6 url(../img/sci-img33.jpg) center/cover no-repeat;
    }
    
    /*硬件*/
    .hard-warp{
        width:auto;
        padding: 0 0.3rem;
        margin: 0 auto 0.8rem;
        position: relative;    
        opacity: 1
    }
    .hard-warp .arrow-left {
      background: url(../img/hard-larr2.png) no-repeat left top/cover;
      position: absolute;
      right:none;
      left:8%;
      bottom:60%;
      margin-bottom: -0.17rem;
      width:0.34rem;
      height:0.34rem;
      z-index: 5;
    }
    .hard-warp .arrow-right {
      background: url(../img/hard-rarr1.png) no-repeat left bottom/cover;
      position: absolute;
      right:8%;
      bottom:60%;
      margin-bottom: -0.17rem;
      width:0.34rem;
      height:0.34rem;
      z-index: 5;
    }
    .hard-warp .swiper-container {
      height:3.3rem;
      width:100%;
      position: relative;
    }
    .hard-warp .content-slide {
      padding:0.2rem;
      color: #fff;
    }
    .hard-warp .swiper-container .swiper-wrapper .swiper-slide img{
        display: block;
        width: 100%;
    }
    .hard-warp .title{
        height:0.32rem;
        width:90%;
        color: #fff;
        font-size: 0.14rem;
        line-height:0.32rem;
        position: absolute;
        padding: 0.23rem 5% 0.23rem 5%;
        bottom: 0;
        left: 0;
        z-index: 3;
        white-space:nowrap; 
        overflow:hidden; 
        text-overflow:ellipsis;
        background:rgba(0,0,0,0.5) url(../img/hard-ico.png) 1.5% center no-repeat;
    }
    .hard-warp .number{display: none}
    .em-phone .swiper-slide .mian .list p{
        font-size: 0.16rem;
        line-height: 0.6rem;
        height: 0.6rem;
    }

    .sciinfor{
        width:auto;
        padding: 0 0.3rem;
        margin: 0 auto 0.75rem;
    }
    .sciinfor .mian{
        width: 100%;
        height:auto;
        margin-bottom:0.2rem;
    }
    .sciinfor .mian .title{
        width: 50%;
        float: left;
        text-align: center;
        opacity: 1;
        height: 3rem;
    }
    .sciinfor .mian .title h3{
        font-size:0.18rem;
        color: #666666;
        letter-spacing:0.2rem;
        display: block;
        line-height: 0.2rem;
        padding-top:0.5rem;
    }
    .sciinfor .mian .title h2{
        display: block;
        font-size:0.32rem;
        color: #333;
        line-height:0.4rem;
        font-weight: bold;
        margin-bottom:4%;
    }
    .sciinfor .mian .title  .rz,.sciinfor .mian .title  .number{
        font-size:0.14rem;
        line-height:0.2rem;
        color: #666666;
    }
    .sciinfor .mian .title  .number{
        margin-bottom:6%;
    }
    .sciinfor .mian .title .btns{
        display: block;
        width:1.44rem;
        height:0.37rem;
        padding-left:0.25rem;
        line-height:0.37rem;
        border-radius:0.05rem;
        background:#870000 url(../img/sciinfor-ico.png) 0.15rem center/0.18rem 0.18rem no-repeat;
        margin: 0 auto 0.15rem;
        font-size: 0.16rem;
        color: #fff;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .sciinfor .mian .title .btns:hover{
        background:#545454 url(../img/sciinfor-ico.png) 0.15rem center/0.18rem 0.18rem no-repeat;
    }
    .sciinfor .mian .title .add{
        font-size:0.14rem;
        line-height:0.3rem;
        color: #666;
        padding-bottom:0.3rem;
    }
    .sciinfor .mian .box{
        width: 50%;
        float: right;
        opacity: 1;
        height: 3rem;
        font-size:0.16rem;
        line-height:0.3rem;
        color: #666;
        background-color: #f5f4f2
    }
    .sciinfor .mian .box .details{
        width: 90%;
        margin: 0 auto;
        padding: 5% 0 5%;
    }
    .sciinfor .mian .box p{
        font-size:0.16rem;
        line-height:0.3rem;
        color: #666;
    }
    .sciinfor .warp{
        width: 100%;
        margin: 0 auto;
        opacity: 1
    }
    .sciinfor .warp img{
        max-width: 100%;
    }

    /*产品*/
    .pro-warp{
        width:auto;
        padding: 0 0.3rem;
        margin: 0 auto 0.3rem;
        min-height: 5rem;
    }
    .pro-warp li{
        width:48%;
        opacity: 1;
        margin:0 4% 0.4rem 0;
        float: left;
    }
    .pro-warp li:nth-child(3),.pro-warp li:nth-child(6){
        margin:0 4% 0.4rem 0;
    }
    .pro-warp li:nth-child(even){
        margin: 0 0 0.4rem 0;
    }
    .pro-warp li a .pic img{
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .pro-warp li:hover a .pic img{
        transform:scale(1);
        -webkit-transform:scale(1);
    }
    .pro-warp li a .pic{
        border:2px solid #e8e8e8;
        box-sizing:border-box;
        overflow: hidden;
    }
    .pro-warp li a .box{
        width: 90%;
        padding:0.17rem 5% ;
        background-color: #4f4a4a;
    }
    .pro-warp li a .box h2{
        display: block;
        font-size:0.2rem;
        color: #fff;
        white-space:nowrap; 
        overflow:hidden; 
        text-overflow:ellipsis;
        line-height:0.25rem;
        margin-bottom:0.15rem;
    }
    .pro-warp li a .box .tit{
        font-size:0.12rem;
        color: #aba9a9;
        line-height:0.15rem;
    }
    .pro-warp li a .box .tit span{
        padding-right:0.2rem;
        margin-right:0.2rem;
        position: relative;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .pro-warp li a .box .tit span:nth-child(1):before,.pro-warp li a .box .tit span:nth-child(2):before{
        display: block;
        height:0.12rem;
        width: 1px;
        background-color: #aba9a9;
        content: '';
        position: absolute;
        right: 0;
        top:0.04rem;
        z-index: 2;
    }

    /*产品详情*/
    .proinfor{
        width:auto;
        padding: 0 0.3rem;
        margin: 0 auto;
    }
    .proinfor .warp{
        width: 100%;
        margin-bottom: 0.4rem;
    }
    .proinfor .warp .pic{
        width: 44%;
        opacity: 1;
        overflow: hidden;
        float: left;
        box-sizing:border-box;
        border:0.02rem solid #e8e8e8;
    }
    .proinfor .warp .pic img{display: block;width: 100%;}
    .proinfor .warp .box{
        width:52%;
        margin-right: 0%;
        opacity: 1;
        float: right;
    }
    .proinfor .warp .box .title{padding:1% 0 1%}
    .proinfor .warp .box .title h2{
        width:100%;
        float: none;
        height:0.3rem;
        line-height:0.3rem;
        color: #443f3f;
        font-size:0.22rem;
    }
    .proinfor .warp .box .title span{
        display: block;
        width:100%;
        float: none;
        font-size:0.16rem;
        line-height:0.26rem;
        text-align: left;
        color: #443f3f;
    }
    .proinfor .warp .box .details{
        color: #666;
        line-height:0.26rem;
        font-size:0.14rem;
        margin-bottom:3%;
    }
    .proinfor .icon{display: none;}
    .proinfor .warp .box .btn {
        height:auto;
        width: 100%;
    }
    .proinfor .warp .box .btn a{
        display: block;
        float: left;
        margin-right:0.11rem;
        border-radius:0.05rem;
        cursor: pointer;
        font-size: 0.16rem;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .proinfor .warp .box .btn .zx{
        width:1.23rem;
        line-height:0.35rem;
        height:0.35rem;
    }
    .proinfor .warp .box .btn .tm{
        width:1rem;
        height:0.35rem;
        line-height:0.35rem;
        color: #fff;
        padding-left:0.5rem;
        background:#a9a074 url(../img/shop-icon.png) 13% center/0.21rem 0.17rem no-repeat;
    }
    .proinfor .warp .box .btn a:hover{
        box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
    }

    .proinfor-qh{
        width:92%;
        margin: 0 auto 0.55;
        border:0.02rem solid #e5e5e5;
        box-sizing:border-box;
        opacity: 1;
    }
    .proinfor-qh .title{
        height:0.63rem;
        width: 100%;
        background-color: #e5e5e5;
    }
    .proinfor-qh .title a{
        display: block;
        float: left;
        width:1.1rem;
        height:0.63rem;
        line-height:0.63rem;
        text-align: center;
        color: #333333;
        font-size: 0.16rem;
        border-right: 1px solid #e5e5e5;
        position: relative;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .proinfor-qh .title a.on,.proinfor-qh .title a:hover{
        background-color: #fff;
    }
    .proinfor-qh .title a.on:before,.proinfor-qh .title a:hover:before{
        display: block;
        width: 100%;
        height:0.05rem;
        background-color: #a9a074;
        top: -0.02rem;
        left: 0;
        position: absolute;
        z-index: 2;
        content: ''
    }
    .proinfor-qh .mian,.proinfor-qh .mian p{
        color: #666;
        font-size:0.14rem;
        line-height:0.3rem
    }
    .proinfor-qh .mian{
        padding:3% 2%;background-color: #fff;
    }
    .em{display: none;}
    .em-phone{
        display: block;
        width: 100%;
        opacity: 1;
        background: url(../img/em-bg.jpg) center/cover no-repeat;
        margin-bottom: 0.75rem;
    }
    .em-phone .warp{
        width: 5.9rem;
        margin: 0 auto;
        position: relative;
    }
    .em-phone .swiper-container {
      width:100%;
      height:5.82rem;
      color: #fff;
      text-align: center;
    }
    .em-phone .swiper-slide,.em-phone .swiper-slide .mian{
      width:100%;
      height: 100%;
    }
    .em-phone .swiper-slide .mian .list{
        width:100%;
        float: left;
        height:5.82rem;
        position: relative;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .em-phone .swiper-slide .mian .list.on{
        width:49%
    }
    .em-phone .swiper-slide .mian .list p{
        height: 60px;
        line-height: 60px;
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #fff;
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.7);
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .em-phone .swiper-slide .mian .list:hover p,.em-phone .swiper-slide .mian .list.on p{
        background-color: rgba(133,28,21,0.7);
    }
    .em-phone .pagination {
      display:none;
    }
    .em-phone  .phone-left {
      background: url(../img/em-lefr1.png) no-repeat left top/cover;
      position: absolute;
      left: -0.34rem;
      bottom:50%;
      width:0.68rem;
      height:0.68rem;
      z-index: 5;
      margin-bottom: -0.34rem;
    }
    .em-phone  .phone-left:hover{
        background: url(../img/em-lefr1.png) no-repeat left top/cover;
    }
    .em-phone  .phone-right {
      background: url(../img/em-right1.png) no-repeat left bottom/cover;
      position: absolute;
      right: -0.34rem;
      bottom:50%;
      margin-bottom:  -0.34rem;
      width:0.68rem;
      height:0.68rem;
       z-index: 5;
    }
    .em-phone  .phone-right:hover{
      background: url(../img/em-right1.png) no-repeat left bottom/cover;
    }



    .bk-warp{
        width:auto;
        padding: 0 0.3rem;
        margin:0.55rem auto 0.5rem;
        opacity: 1
    }
    .bk-warp li{
        width:48%;
        float: left;
        margin:0 4% 0.32rem 0;
    }
    .bk-warp li:nth-child(3),.bk-warp li:nth-child(6){
        margin-right:4%;
    }
    .bk-warp li:nth-child(even){
        margin-right: 0%;
    }
    .bk-warp li a .pic{
        width: 100%;
        overflow: hidden;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .bk-warp li:hover a .pic{
        background-color: transparent;
    }
    .bk-warp li a .pic img{
        display: block;
        width: 100%;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .bk-warp li:hover a .pic img{
        transform:scale(1);
        -webkit-transform:scale(1);
        opacity:1;
    }
    .bk-warp li a .box{
        height:0.6rem;
        padding: 0 5%;
        background-color: #ebeae6
    }
    .bk-warp li a .box h2{
        display: block;
        float: left;
        width: 50%;
        font-size:0.2rem;
        white-space:nowrap; 
        height:0.6rem;
        line-height:0.6rem;
        color: #333;
        overflow:hidden; 
        text-overflow:ellipsis;
    }
    .bk-warp li a .box span{
        width:0.85rem;
        float: right;
        height:0.6rem;
        line-height:0.6rem;
        color: #666;
        font-size:0.14rem;
        text-align: right;
        background: url(../img/bk-icon.png) left center/0.24rem no-repeat;
    }

    .join{
        width:auto;
        padding: 0 0.3rem;
        margin: 0 auto 0.95rem;
    }
    .join .left{
        float: left;
        width: 43%;
        opacity: 1
    }
    .join .left .box{
        background-color: #f6f6f4;
        padding: 0.4rem 0.2rem 8%;
        margin-bottom: 2.7%;
    }
    .join .left .box h2,.join .right .title h2{
        display: block;
        font-size:0.24rem;line-height:0.32rem;
        color: #333333;
        padding-top:0.12rem;
        position: relative;
        margin-bottom:0.15rem;
    }
    .join .left .box h2:before,.join .right .title h2:before{
        display: block;
        width:0.2rem;
        height:0.02rem;
        background-color: #860000;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
    }
    .join .left .box .cent,.join .left .box .cent p,.join .right .title .cent,.join .right .title .cent p{
        font-size:0.14rem;
        line-height:0.26rem;
        color: #666;
    }
    .join .left .pic{width: 100%;overflow: hidden;}
    .join .left .pic img{display: block;width: 100%;}

    .join .right{
        width: 55.7%;
        float: right;
        background-color: #f6f6f4;
        padding: 0.4rem 0.2rem 1%;
        box-sizing:border-box;
        opacity: 1;
    }
    .join .right .title{margin-bottom:0.3rem;}
    .join .right .box li{
        padding-bottom:0.09rem;
        border-bottom: 1px solid #e0dbc8;
        margin-bottom:0.2rem;
        font-size:0.14rem;
        color: #666666;
    }
    .join .right .box li .titimg{
        width: 28%;
        line-height:0.4rem;
        height: 0.4rem;
        color: #fff;
        float: left;
        text-align: center;
        background:url(../img/join-icon.png) center/100% auto no-repeat;
    }
    .join .right .box li .tit{
        width: 68%;
        float: right;
        line-height:0.26rem;
    }

    .talent{
        width:auto;
        padding: 0 0.3rem;
        margin: 0 auto 0.6rem
    }
    .talent .tal1,.talent .tal2{
        margin-bottom:0.3rem;
        padding-bottom:0.5rem;
        border-bottom: 1px solid #e5e5e5;
        opacity: 1
    }
    .talent .tal1:last-child{
        border-bottom: 0px solid #e5e5e5;
    }
    .talent .tal1 .title,.talent .tal2 .title{
        height:0.6rem;
        margin-bottom:0.2rem;
    }
    .talent .tal1 .title .name,.talent .tal2 .title .name{
        display: inline-block;
        height:0.42rem;
        line-height:0.42rem;
        width:0.42rem;
        border-radius: 100%;
        background-color: #860000;
        font-size: 0.24rem;
        color: #fff;
        text-align: center;
        margin-right:0.15rem;
    }
    .talent .tal1 .title .tit,.talent .tal2 .title .tit{
        font-size: 0.24rem;
        color: #333;
        line-height:0.42rem;
    }
    .talent .tal1 .details,.talent .tal1 .details p{
        font-size:0.14rem;
        color: #666;
        line-height: 0.32rem;
    }
    .talent .tal2 .mian{
        box-sizing:border-box;
        border:0.02rem solid #ebebeb;
        background-color: #f7f7f7;
        width: 100%;
        position: relative;
    }
    .talent .tal2 .mian i{
        display: block;
        width: 1px;
        height: 96%;
        position: absolute;
        left:50%;
        top: 2%;
        margin:0% 0 0 -0.5px;
        background-color: #dfdddd;
        z-index: 2;
    }
    .talent .tal2 .title{
        margin-bottom: 0.3rem;
    }
    .talent .tal2 .mian .wid{
        width: 44%;
        padding:2% 3%;
    }
    .talent .tal2 .mian .wid h2{
        display: block;
        font-size:0.18rem;
        line-height:0.32rem;
        color: #333;
        padding-bottom:0.1rem;
        border-bottom: 1px solid #dfdddd;
        margin-bottom:0.1rem;
    }
    .talent .tal2 .mian .wid .cent,.talent .tal2 .mian .wid .cent p{
        font-size:0.14rem;
        line-height: 0.32rem;
        color: #666666;
    }
    .talent .tal2 .mian .left{
        float: left;
    }
    .talent .tal2 .mian .right{
        float: right;
    }

    /*联系i我们*/
    .cont1{
        width: 100%;
        padding: 0.6rem 0 0.8rem;
        opacity: 1;
        background: url(../img/footer-bg.jpg) center repeat;
    }
    .cont1 .warp{
        width:auto;
        padding: 0 0.3rem;
        margin:0 auto;
    }
    .cont1 .warp .title{
        width:1.79rem;
        height:0.46rem;
        margin: 0 auto 0.2rem;
        padding-bottom:0.3rem;
        position: relative;
    }
    .cont1 .warp .title i{
        display: block;
        width:0.24rem;
        height: 0.02rem;
        background-color: #870000;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -0.12rem;
    }
    .cont1 .warp .title img{
        display: block;
        width: 100%;
    }
    .cont1 .warp .face{
        font-size: 0.16rem;
        line-height:0.25rem;
        color: #333;
        text-align: center;
        margin-bottom:0.9rem;
    }
    .cont1 .warp .details {
        font-size:0.16rem;
        color: #666666;
        line-height:0.22rem;
        margin-bottom:0.6rem;
    }
    .cont1 .warp .details p{
        padding-left:0.35rem;
        font-size:0.16rem;
        color: #666666;
        line-height:0.22rem;
        margin-bottom:0.3rem;
    }
    .cont1 .warp .btns{
        width:0.8rem;
        padding-left:0.39rem;
        height:0.35rem;
        border:1px solid #870000;
        line-height:0.35rem;
        border-radius:0.05rem;
        background:#870000 url(../img/sci-ico.png) 12% center no-repeat;
        color: #fff;
        font-size:0.16rem;
        display: block;
        cursor: pointer;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .cont1 .warp .btns:hover{
        background-color:rgba(135,0,0,0.7);
    }
    .cont2{
        width: 100%;
        padding: 0.6rem 0 0.8rem;
        opacity: 1;
        background:url(../img/cont-i.png) center/cover no-repeat;
    }
    .cont2 .warp{
        width:auto;
        padding: 0 0.3rem;
        margin: 0 auto;
    }
    .cont2 .warp h2{
        display: block;
        text-align: center;
        font-size:0.18rem;
        color: #333333;
        line-height:0.26rem;
        margin-bottom:0.05rem;
    }
    .cont2 .warp h3{
        display: block;
        font-size: 0.12rem;
        color: #999999;
        line-height:0.2rem;
        text-align: center;
        margin-bottom:0.5rem;
    }
    .cont2 .warp .list{
        width: 100%;
        margin-bottom:0.25rem;
    }
    .cont2 .warp .list li{
        width: 32%;
        float: left;
        margin-right: 2%;
        padding:1.5%;
        box-sizing:border-box;
        background:url(../img/cont-bor.png) center/100% 100% no-repeat;
    }
    .cont2 .warp .list li:last-child{
        margin-right: 0;
    }
    .cont2 .warp .list li h2,.cont2 .warp .bot h2{
        font-size:0.18rem;
        color: #333333;
        display: block;
        padding-bottom:0.1rem;
        border-bottom: 1px solid #cdc29f;
        text-align: left;
        width: 90%;
        margin-bottom:0.15rem;
    }
    .cont2 .warp .list li .details,.cont2 .warp .bot .details,.cont2 .warp .bot .details p,.cont2 .warp .list li .details p{
        font-size:0.14rem;
        color: #666666;
        line-height:0.26rem;
    }
    .cont2 .warp .bot{
        width: 100%;
        padding:1.5% 1.5% 2.5%;
        box-sizing:border-box;
        background:url(../img/cont-bor1.png) center/100% 100% no-repeat;
    }
    .cont3{
        width: 100%;
        background-color: #ebeae6;
        padding:0.45rem 0 0.8rem;
    }
    .cont3 .warp{
        width:auto;
        opacity: 1;
        padding: 0 0.3rem;
        margin: 0 auto;
    }
    .cont3 .warp .title{
        width:2.72rem;
        height:0.49rem;
        margin: 0 auto 0.8rem;
        padding-bottom:0.3rem;
        position: relative;
    }
    .cont3 .warp .title img{
        display:block;
        width: 100%;
    }
    .cont3  .mian{
        width: 100%;
    }
    .cont3  .mian li{
        width: 33.3%;
        float: left;
    }
    .cont3  .mian li .pic{
        width: 100%;
        overflow: hidden;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .cont3  .mian li:hover .pic{
        background-color: transparent;
    }
    .cont3  .mian li .pic img{
        display: block;
        width: 100%;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .cont3  .mian li:hover .pic img{
        transform:scale(1);
        -webkit-transform:scale(1);
        opacity: 1;
    }
    .cont3  .mian li .box{
        box-sizing:border-box;
        padding:6% 4%;
        background:#302a2a url(../img/cont-cion1.png) right bottom no-repeat;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .cont3  .mian li .box h2{
        font-size: 0.24rem;
        line-height:0.3rem;
        color: #fff;
        margin-bottom:0.1rem;
    }
    .cont3  .mian li .box p{
        font-size:0.12rem;
        color: #fff;
        line-height:0.2rem;
    }
    .cont3  .mian li:hover .box{
        background-color: #302a2a
    }

    .ninfor{
        width:92%;
        margin:0.5rem auto 0.6rem;
        box-shadow: 0 0.03rem 0.1rem 0 rgba(0,0,0,0.2);
        box-sizing:border-box;
        padding: 5% 5% 7%;
        opacity: 1;
        background-color: #faf9fb
    }
    .ninfor .title{
        margin-bottom:0.4rem;
    }
    .ninfor .title h2{
        display: block;
        font-size:0.32rem;
        line-height:0.4rem;
        margin-bottom:0.1rem;
        color: #333;
        text-align: center;
    }
    .ninfor .title .mintit{
        font-size:0.14rem;
        color: #888;
        text-align: center;
        line-height:0.2rem;
    }
    .ninfor .warp{
        font-size:0.16rem;
        color: #555;
        line-height: 0.26rem;
        padding-bottom:0.3rem;
        margin-bottom:0.3rem;
        border-bottom: 1px solid #ccc;
    }
    .ninfor .warp p{
        font-size:0.16rem;
        color: #555;
        line-height:0.26rem;
    }
    .ninfor .warp img{
        max-width: 100%;
    }

    .ninfor .bot{
        width:98%;
        margin: 0 auto;
    }
    .ninfor .bot .left{
        width: 100%;
        float: none;
        margin-bottom: 0.3rem;
    }
    .ninfor .bot .left p{
        font-size:0.16rem;
        color: #333;
        line-height:0.3rem;
        margin-bottom: 0.1rem;
    }
    .ninfor .bot .left p a{
        color: #333;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .ninfor .bot .left p a:hover{
        color: #333
    }
    .ninfor .bot .btns{
        width:1.38rem;
        height:0.43rem;
        line-height:0.43rem;
        border-radius:0.05rem;
        text-align: center;
        font-size:0.16rem;
        color: #fff;
        background-color: #860000;
        display: block;
        float: none;
        border:1px solid #860000;
        transition: all 0s;
        -webkit-transition: all 0s;
    }
    .ninfor .bot .btns:hover{
        color: #fff;
        background-color: #860000;
    }

    .funinfor{
        width:auto;
        padding: 0 0.3rem;
        margin:0.5rem auto 0;
    }
    .funinfor .box1,.funinfor .box2{opacity: 1}
    .funinfor .box1 .top,.funinfor .box2 .top{
        height:0.4rem;
    }
    .funinfor .box1 .top .ti,.funinfor .box2 .top .ti{
        display:block;
        float: left;
        width: 7%;
        height:0.4rem;
    }
    .funinfor .box1 .top .ti i,.funinfor .box2 .top .ti i{
        display:block;
        width: 0.4rem;
        height: 0.4rem;
        line-height: 0.4rem;
        background-color: #870000;
        border-radius: 100%;
        text-align: center;
        color: #fff;
        font-size: 0.24rem;
        font-style: normal;
    }
    .funinfor .box1 .top .t2,.funinfor .box2 .top .t2{
        width: 90%;
        margin-left:2%;
        font-size: 0.24rem;
        display:block;
        float: left;
        line-height: 0.35rem;
        padding-bottom: 0.05rem;
        color: #870000;
        border-bottom: 1px solid #969696;
    }
    .funinfor .box1 .bot{
        padding: 1.5% 0 0.45rem 9%;
        background: url(../img/iinfor.png) 0.2rem top repeat-y;
    }
    .funinfor .box1 .bot .pic{
        width: 34%;
        float: left;
    }
    .funinfor .box1 .bot .pic img{
        display: block;
        width: 100%;
    }
    .funinfor .box1 .bot .box{
        width: 63%;
        float: right;
    }
    .funinfor .box1 .bot .box table tr td{
        font-size:0.14rem;
        color: #666666;
        line-height: 0.2rem;
        padding:0.04rem 0;
    }
    .funinfor .box1 .bot .box table tr td span{
        font-weight: bold;
    }
    .funinfor .box2 .box{
        padding:1.5% 0 0.45rem 9%;
        font-size:0.14rem;
        color: #666;
        line-height:0.32rem;
        background: url(../img/iinfor.png) 0.2rem top repeat-y;
    }

    .job-warp{
        width:92%;
        margin: 0 auto 0.8rem;
        opacity: 1;
        box-shadow: 0 1px 0.1rem 0 rgba(0,0,0,0.1)
    }
    .job-warp ul li{
        height: auto;
        width: 100%;
        border-bottom: 1px solid #e9ebed
    }
    .job-warp li .title{
        height:0.52rem;
        line-height:0.52rem;
        padding: 0 0.4rem;
        color: #4b4b4b;
        background-color: #ffffff;
        font-size:0.14rem;
        cursor:pointer;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .job-warp li.on .title{background-color: #860000;color: #fff;}
    .job-warp li .title span{float: right;padding-right:0.4rem;background: url(../img/job-icon1.png) right center/0.25rem no-repeat;}
    .job-warp li.on .title span{background: url(../img/job-icon2.png) right center/0.25rem no-repeat}
    .job-warp li .warp{
        padding: 0.1rem 0.4rem 0.2rem;
        background-color: #fff;
        display: none
    }
    .job-warp .warp .tbl{
        width:100%;
        margin-bottom:0.25rem;
        padding:10px 0% 0.2rem 0;
        border-bottom: 1px solid #e9ebed}
    .job-warp .warp .tbl p{
        width:33.3%;
        float: left;
        font-size: 0.14rem;
        color: #222;
        line-height:0.26rem
    }
    .job-warp .warp .tbl p span{color: #565656;padding-left:0.15rem;}
    .job-warp .warp .cont h2{font-size:0.14rem;color: #222;line-height: 30px;margin-bottom:0.15rem;}
    .job-warp .warp .cont .cent,.job-warp .warp .cont .cent p{font-size:0.14rem;line-height:0.28rem;color: #565656}
    .job-warp .warp .btns{
        width:1.15rem;
        height: 0.36rem;
        line-height:0.36rem;
        border-radius:0.05rem;
        text-align: center;
        color: #fff;
        font-size: 0.12rem;
        background-color: #860000;
        display: block;
        margin-top:0.3rem;
        cursor: pointer;
    }
    .job-warp .warp .btns:hover{color: #fff;opacity: 0.8}


    .apply-warp{
        width:92%;
        margin: 0 auto 0.3rem;
        box-sizing:border-box;
        opacity: 1;
        padding: 3%;
        background: url(../img/apply-bg.jpg) center/cover no-repeat;
    }
    .apply-warp h2{
        display: block;
        position: relative;
        height: 0.32rem;
        line-height: 0.32rem;
        font-size:0.24rem;
        color: #333;
        padding-bottom:0.23rem;
        border-bottom: 1px solid #cfcfcd;
        margin-bottom: 0.4rem;
    }
    .apply-warp h2 i{
        display: block;
        width:0.46rem;
        height:0.02rem;
        background-color: #750a0a;
        bottom:-1px;
        position: absolute;
        left:0;
    }
    .apply-warp .warp{
        width: 100%;
    }
    .apply-warp .warp li{
        width: 48%;
        float: left;
        margin-bottom:0.2rem;
    }
    .apply-warp .warp li:nth-child(odd){
        padding-right:0%;
        width: 52%;
    }
    .apply-warp .warp li:nth-child(even){
        padding-left:0%;
    }
    .apply-warp .warp li .fa{
        width: 40%;
        float: left;
        font-size:0.14rem;
        color: #333;
        line-height:0.4rem;
    }
    .apply-warp .warp li:nth-child(1) .fa,.apply-warp .warp li:nth-child(3) .fa{
        line-height: 0.2rem;
    }
    .apply-warp .warp li:nth-child(even) .fa{padding-left:7%;box-sizing:border-box;}
    .apply-warp .warp li .fa span,.apply-warp .messge .fa span{
        color: #d24545
    }
    .apply-warp .warp li .inp{
        width: 59%;
        float: right;
    }
    .apply-warp .warp li .inp span{
        padding-right: 1%;
        font-size: 0.14rem;
        line-height:0.4rem;
    }
    .apply-warp .warp li .inp input[type="text"]{
        display: block;
        height:0.4rem;
        box-sizing:border-box;
        border:1px solid #dadada;
        border-radius:0.05rem;
        width:100%;
        padding:0 3%;
        font-size:0.14rem;
    }
    .apply-warp .messge{
        width: 100%;
        padding-left: 0;
        margin-bottom:0.48rem;
    }
    .apply-warp .messge .fa{
        width:21%;
        float: left;
        font-size:0.14rem;
        color: #333;
        line-height:0.4rem;

    }
    .apply-warp .messge .inp{
        float: left;
        width:79%;
        height:1.95rem;
    }
    .apply-warp .messge .inp textarea{
        display: block;
        height: 100%;
        width: 100%;
        box-sizing:border-box;
        border:1px solid #dadada;
        border-radius:0.05rem;
        padding: 2%;
        font-size:0.14rem;
    }
    .apply-warp .btns{
        height:0.37rem;
        width: 100%;
    }
    .apply-warp .btns input{
        width:1.19rem;
        height:0.37rem;
        font-size:0.16rem;
        color: #fff;
        text-align: center;
        display: block;
        background-color: #860000;
        border:0;
        margin-left:21%;
        border-radius:0.05rem;
            transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .apply-warp .btns input:hover{
        opacity: 1
    }
    .honor-warp{
        width:auto;
        padding: 0 0.3rem;
        margin: 0 auto;
        opacity: 1;
    }
    .honor-warp li{
        width: 47%;
        float: left;
        margin:0 6% 0.45rem 0;
    }
    .honor-warp li:nth-child(3),.honor-warp li:nth-child(6){
        margin-right:6%;
    }
    .honor-warp li:nth-child(even){
        margin-right:0%;
    }
    .honor-warp li img{
        display: block;
        width: 100%;
        box-sizing:border-box;
        border:1px solid #e8e8e8;
    }
    .honor-warp li h2{
        display: block;
        font-size:0.26rem;
        height:0.54rem;
        line-height:0.54rem;
        color: #333;
        text-align: center;
        white-space:nowrap; 
        overflow:hidden; 
        text-overflow:ellipsis;
    }
    #lightbox-container-image img{
        max-width: 100%
    }
    #jquery-lightbox{overflow: hidden;}
    #lightbox-container-image-box{max-width: 100%}
    .hor #lightbox-container-image-data-box{max-width: 100%;}
    .hor #lightbox-secNav{margin-right: 0}
    header .right .en a{
        display: block;
        width: 100%;height: 100%;
        color: #860000
    }
    
}




@media screen and (min-width: 320px) and (max-width: 619px){
    .wel6 .warp .box{display: none;}
    .apply-warp .warp li:nth-child(odd){
        width: 100%;
    }
    .ninfor .title h2{font-size: 0.4rem;line-height: 0.5rem}
    .ninfor .title .mintit,.hard-warp .title,.sci-warp li a .box h3,.sci-warp li a .box .rz, .sci-warp li a .box .number,.sciinfor .mian .title .add{line-height: 0.3rem;font-size: 0.24rem}
    .wel1 .warp .box .details{font-size: 0.24rem;line-height: 0.4rem;}
    .wel4 .warp .mintit{font-size: 0.34rem}
    .wel4 .warp .cent,.wel5 .mian li a .box .details{font-size: 0.24rem}
    footer .top{padding:0.15rem 0.2rem}
    .wel1 .warp{padding: 0.6rem 0 0.5rem}
    .wel1 .warp .pic{width: 100%;float: none;}
    .wel1 .warp .box{width: 100%;float: none;}
    .wel1 .warp .box i{margin: 0.3rem 0;}
    .wel1 .warp .box .title{margin-bottom: 0.2rem}
    .wel1 .warp .box .details{margin-bottom: 0.2rem;line-height: 0.42rem;}
    .wel6{padding: 0.3rem 0 0.8rem}
    .wel2 .warp .box li,.wel6 .warp .box li{width:100%; float: none;margin-bottom: 0.2rem;margin: 0 0 0.5rem 0}
    .wel2 .warp .box li a h2,.wel6 .warp .box li a h2{
        line-height: 0.42rem;
        height: auto;
        font-size: 0.32rem;
        margin-bottom: 0.2rem
    }
    .wel2 .warp .box li a h2:before,.wel2 .warp .box li a h2:after,.wel6 .warp .box li a h2:before,.wel6 .warp .box li a h2:after{top: 0.22rem}
    .wel5{padding-bottom: 0rem;}
    .wel5 .mian li{width: 100%;margin-right:0%;float: none;margin-bottom: 0.4rem}
    .wel5 .mian li a .time{
        float: left;
        width: 15%;
        height: auto;
        text-align: center;
    }
    .wel4 .warp .cent{line-height: 0.42rem;}
    .wel5 .mian li a .time .year{font-size: 0.6rem}
    .wel5 .mian li a .time .date{font-size: 0.24rem}
    .wel5 .mian li a .box h2{font-size: 0.3rem;display:block;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
    .wel5 .mian li a .box .details{line-height: 0.42rem;margin-bottom: 0.2rem}
    .wel5 .mian li a .box{width: 80%}
    .wel5 .mian li a .box .btns{width: 1.7rem;height: 0.4rem}
    .ab1 .warp .box i{margin-bottom: 0.2rem;}
    .ab1 .warp .box h2{font-size: 0.36rem;margin-bottom: 0.2rem;}
    .ab1 .warp .box .details-ul p{line-height:0.42rem;font-size: 0.24rem}
    .news-warp  .warp li a .box .details{line-height: 0.42rem;font-size: 0.24rem;}
    .news-warp  .warp li a .box .time{
        margin-bottom: 0.15rem;
        background: url(../img/news-time.png) left center/0.18rem 0.18rem no-repeat;
    }
    .news-warp  .warp li a .box h2{margin-bottom: 0.15rem;font-size: 0.36rem;line-height: 0.45rem}
    .news-warp  .warp li a .box .time{font-size: 0.24rem;line-height: 0.4rem;}
    .news-warp  .warp li a .pic{width:100%;margin-bottom: 0.3rem}
    .news-warp  .warp li a .box{width:100%;}

    .sci-warp li a .pic{ width:100%; float:none;overflow: hidden;}
    .sci-warp li a .box{width:100%;float: none;padding-bottom: 0.3rem;}
    .sci-warp li a .box h3{margin-bottom: 0.1rem;}
    .sci-warp li a .box h2{font-size: 0.36rem;line-height: 0.5rem;margin-bottom: 2%}
    .sci-warp li a .box .rz, .sci-warp li a .box .number{line-height: 0.42rem;}
    .sci-warp li a .box .number{margin-bottom: 4%}
    .sci-warp li a .box .btns{ width: 1.6rem;height: 0.5rem;line-height: 0.5rem;}
    .hard-warp{min-height: 4rem;}
    .sciinfor .mian .title{ width: 100%;float: none; height: auto}
    .sciinfor .mian .box{width:100%;float: none;height: auto}
    .sciinfor .mian .title h3{font-size: 0.24rem;line-height: 0.36rem;}
    .sciinfor .mian .title  .rz, .sciinfor .mian .title  .number{line-height: 0.4rem;font-size: 0.24rem;}
    .sciinfor .mian .title  .number{margin-bottom: 0.3rem;}
    .sciinfor .mian .title .btns{
        width:2.2rem;height: 0.5rem;line-height: 0.5rem;
    }
    .pro-warp li a .box{padding: 0.1rem 5%}
    .sciinfor .mian .box p{line-height: 0.42rem;font-size: 0.24rem;}
    .pro-warp li a .box .tit{display: none}
    .pro-warp li a .box h2{line-height: 0.4rem;margin-bottom: 0;text-align: center;font-size: 0.26rem}
    .join .right .box li{font-size: 0.24rem}
    .proinfor .warp .pic{
        width:100%;
        float: none;
        margin-bottom: 0.2rem;
        opacity: 1;
    }
    .proinfor .warp .box{
        width:100%;
        margin-right: 0%;
        float: none;
    }
    .proinfor .warp .box .title h2{
        height:0.4rem;
        line-height:0.4rem;
        margin-bottom: 0.1rem;
        font-size:0.3rem;
    }
    .proinfor .warp .box .title span{
        font-size:0.24rem;
        line-height:0.3rem;
        margin-bottom: 0.1rem
    }
    .proinfor .warp .box .details{
        line-height: 0.42rem;
        font-size: 0.24rem;
    }
    .proinfor .warp .box .btn .zx{
        width: 1.5rem;
        line-height: 0.48rem;
        height: 0.48rem;
    }
    .proinfor .warp .box .btn .tm{
        width: 1.4rem;
        height: 0.48rem;
        line-height: 0.48rem;
    }
    .proinfor-qh .title a{width: 1.3rem;}
    .proinfor-qh .mian, .proinfor-qh .mian p{line-height: 0.42rem;}
    #tourism .warp li a .pic{float: none;width: 100%}
    #tourism .warp li a .box{float: none;width:100%;padding-left: 0}
    .bk-warp li a .box span{width: 1.2rem;}
    .join .left{float: none;width:100%;}
    .join .right{width:100%;float: none;}
    .join .right .box li .titimg{
        height: 0.6rem;
        line-height: 0.6rem;
        background: url(../img/join-icon.png) center/100% 100% no-repeat;
    }
    .join .right .box li .tit{line-height: 0.42rem;}
    .join .left .box h2, .join .right .title h2{font-size: 0.3rem;line-height: 0.42rem;}
    .join .left .box .cent,.join .left .box .cent p,.join .right .title .cent,.join .right .title .cent p{
        line-height: 0.42rem;
        font-size: 0.24rem;
    }
    .talent .tal2 .mian .left{
        float: none;
        margin-bottom: 0.1rem;
    }
    .talent .tal1 .title, .talent .tal2 .title{
        margin-bottom: 0.3rem;

    }
    .talent .tal2 .mian .right{
        float: none;
    }
    .talent .tal2 .mian .wid{
        width:94%;
        padding:2% 3%;
    }
    .talent .tal2 .mian i{
        display: none;
    }
    .talent .tal1 .details, .talent .tal1 .details p,.talent .tal2 .mian .wid .cent,.talent .tal2 .mian .wid .cent, .talent .tal2 .mian .wid .cent p{
        line-height: 0.42rem;
        font-size: 0.24rem;
    }
    .talent .tal1 .title .tit, .talent .tal2 .title .tit{
        font-size: 0.3rem;
    }
    .talent .tal2 .mian .wid .cent, .talent .tal2 .mian .wid .cent p{
        font-size: 0.24rem;
    }
    .talent .tal1 .title .name, .talent .tal2 .title .name{
        font-size: 0.28rem;
    }
    .base-title .cont a{
        font-size: 0.26rem;
        opacity: 1;
        left: 0
    }
    .cont1 .warp .face{
        line-height: 0.42rem;
        font-size: 0.24rem;
    }
    .cont1 .warp .face{
        margin-bottom: 0.6rem;
    }
    .cont1 .warp .details p{
        font-size: 0.24rem;
        height: 0.42rem;
        line-height: 0.42rem;
        padding-left: 0.5rem;
        background-size: 100% auto;
    }
    .cont1 .warp .btns{
        width: 1.2rem;
        padding-left: 0.5rem;
        height: 0.5rem;
        line-height: 0.5rem;
        background: #870000 url(../img/sci-ico.png) 12% center/0.25rem no-repeat;
    }

    .cont2 .warp .list li{
        width:100%;
        float: none;
        margin:0 0% 0.2rem 0;
        padding:3% 2%;
        box-sizing:border-box;
        background:url(../img/cont-bor1.png) center/100% 100% no-repeat;
    }
    .cont2 .warp .list{
        margin-bottom: 0;
    }
    .cont2 .warp .bot{
        padding:3% 2%;
    }
    .cont2 .warp .list li h2, .cont2 .warp .bot h2,.cont2 .warp h2{
        font-size: 0.28rem;
        line-height: 0.4rem;
    }
    .cont3  .mian li .box p,.cont2 .warp .list li .details, .cont2 .warp .bot .details, .cont2 .warp .bot .details p, .cont2 .warp .list li .details p{
        line-height: 0.42rem;
        font-size: 0.24rem;
    }
    .cont2 .warp h3{
        line-height: 0.3rem;
        font-size: 0.24rem;
    }
    .cont3  .mian li{
        width:100%;
        float:none;
        margin-bottom: 0.3rem;
    }
    .cont3  .mian li .box h2{
        font-size: 0.36rem;
        line-height: .42rem;
    }
    .cont3 .warp .title{
        margin: 0 auto 0.6rem;
    }
    .cont2 .warp{
        padding: 0 0.3rem 0.4rem;
    }
    .cont3{
            padding: 0.3rem 0 0.6rem;
    }
    .ninfor .warp,.ninfor .warp p{
        font-size:0.24rem;
        line-height: 0.42rem;
    }
    .ninfor .bot .left p{
        font-size:0.24rem;
        line-height: 0.42rem;
    }
    .ninfor .bot .btns{
        width: 1.6rem;
        height: 0.46rem;
        line-height: .46rem;
    }
    .funinfor .box1 .bot .pic,.funinfor .box1 .bot .box{
        width: 100%;
        float: none;
    }
    .funinfor .box1 .bot .pic{
        margin-bottom: 0.2rem;
    }
    .funinfor .box1 .top .t2{
        font-size: 0.28rem;
    }
    .funinfor .box1 .bot .box table tr td {
        line-height: 0.4rem;
        font-size: 0.24rem;
    }
    .funinfor .box1 .bot .box table tr td:nth-child(2){
        padding-left: 1%;
        box-sizing:border-box;
    }
    .funinfor .box2 .box{
        padding:1.5% 0 0.45rem 9%;
        font-size:0.24rem;
        line-height:0.42rem;
        background: url(../img/iinfor.png) 0.2rem top repeat-y;
    }
    .job-warp .warp .tbl p{
        width:50%;
        line-height: 0.42rem;
        font-size: 0.24rem;
    }
    .job-warp .warp .cont .cent, .job-warp .warp .cont .cent p{
        line-height: 0.42rem;
        font-size: 0.24rem;
    }
    .job-warp .warp .cont h2{
        font-size: 0.28rem;
    }
    .job-warp .warp .btns{
        width: 1.5rem;
        height: 0.5rem;
        line-height: 0.5rem;
    }
    .job-warp li .title{
        height: 0.6rem;
        line-height: 0.6rem;
    }
    .apply-warp .warp li{
        width:100%;
        float: none;
    }
    .apply-warp .warp li .fa{width:32%;text-align: left;}
    .apply-warp .warp li .inp{width:67%}
    .apply-warp .warp li:nth-child(1) .fa,.apply-warp .warp li:nth-child(3) .fa{
        line-height: 0.55rem;
        width: 41%;
    }
    .apply-warp .warp li:nth-child(1) .inp,.apply-warp .warp li:nth-child(3) .inp{
        width: 58%;
    }
    .apply-warp .warp li:nth-child(even) .fa{padding-left: 0%;}
    .apply-warp .warp li:nth-child(even){    padding-left: 0%;}
    .apply-warp .warp li .inp span{float: left;display: block;line-height: 0.55rem;margin-right: 3%}
    .apply-warp .warp li .inp input[type="text"]{
        height: 0.55rem;
        line-height: 0.55rem;
    }
    .em-phone .swiper-slide .mian .list p{
        font-size: 0.26rem;
        line-height: 0.6rem;
        height: 0.6rem;
    }
    .apply-warp .warp li .fa{
        line-height: 0.55rem;
        height: 0.55rem;
        font-size: 0.24rem;
    }
    .apply-warp h2{
        font-size: 0.3rem;
    }
    .apply-warp .messge .fa{
        width:30%;
    }
    .apply-warp .messge .inp{
        width:67%;
        float: right;
    }
    .apply-warp .btns{
        height: 0.55rem
    }
    .apply-warp .btns input{
        width: 1.5rem;
        height: 0.55rem;
        margin-left: 33%;
    }
    .ab4 .warp .mian .box h2{
        font-size: 0.36rem;
        line-height: 0.42rem;
    }
    .ab4 .warp .mian .box .cent p{
        font-size: 0.24rem;
        line-height: 0.42rem;
    }
     .ab2 .warp .pic .mian{
        padding: 1rem 0 0.7rem;
        width: 90%;
        margin: 0 auto;
        color: #fff;
    }
    .ab2 .warp .pic .mian h2{
        display: block;
        font-size:0.36rem;
        line-height:0.42rem;
        margin-bottom:0.1rem;
    }
    .ab2 .warp .pic .mian .cent{
        font-size:0.24rem;
        color: #acada9;
        width:100%;
        line-height: 0.4rem;
        padding-left: 2%;
    }
    .ind .ab2 .warp{
        padding: 0;
    }
    .wel6 .warp .box li .pic .details{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        padding:0.2rem 0 0 0.2rem;
        font-size: 0.24rem;
        line-height: 0.4rem;
        color: #666666;
    }
    .wel6 .mian{
        width: 92%;
        margin: 0 auto;
        display: block;
    }
    .wel6 .mian .swiper-wrapper{padding-bottom: 0.5rem;}
    .wel6 .mian .swiper-container {
        width: 100%;
        height: 100%;
    }
    .wel6 .mian .swiper-container .box-slide{
        width: 100%;
        height: 100%;
        padding-top: 0.3rem;
    }
    .wel6 .mian .swiper-slide h2{
        display: block;
        width: 62%;
        padding: 0 13%;
        margin: 0 auto;
        position: relative;
        font-size:0.32rem;
        color: #666;
        min-height:0.65rem;
        line-height:0.25rem;
        text-align: center;
    }
    .wel6 .mian .swiper-slide h2:before,.wel6 .mian .swiper-slide h2:after{
        display: block;
        width:13%;
        height: 1px;
        background-color: #ccc;
        content: '';
        position: absolute;
        top:0.12rem;
    }
    .wel6 .mian .swiper-slide h2:before{left: 0;}
    .wel6 .mian .swiper-slide h2:after{right: 0;}
    .wel6 .mian .swiper-slide .pic{
        width: 90%;margin:0 auto 0.3rem;
        position: relative;
    }
    .wel6 .mian .swiper-slide .pic img{
        display: block;
        width: 100%;
    }
    .wel6 .mian .swiper-slide .pic .details{
        position: absolute;
        top: 0rem;
        left: 0;
        padding: 0.3rem ;
        box-sizing:border-box;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-align: left;
    }
    .wel6 .mian .swiper-slide .pic .details,.wel6 .mian .swiper-slide .pic .details p{
        font-size: 0.24rem;
        line-height: 0.4rem;
        color:#666666;
    }
    .wel6 .mian .swiper-slide {
        text-align: center;
        font-size: 0.26rem;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .wel6 .mian .swiper-slide a{
        display: block;
        width: 100%;
        margin-bottom: 0.2rem;
    }
    .wel6 .swiper-pagination-bullet{
        background: transparent;
        border:1px solid #860000;
        box-sizing:border-box;
        opacity: 0.5;
    }
    .wel6 .mian .swiper-pagination-bullet-active{
        background: #860000;
        opacity: 1
    }
    .wel6 .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: -0.1rem;
    }
    .wel1{padding: 0 0.3rem 0.5rem;}
}   
@media screen and (max-width:360px){
    .apply-warp .warp li:nth-child(1) .fa,.apply-warp .warp li:nth-child(3) .fa{
        line-height: 0.55rem;
        width: 50%;
    }
    .apply-warp .warp li:nth-child(1) .inp,.apply-warp .warp li:nth-child(3) .inp{
        width: 49%;
    }
}